<!DOCTYPE html>
<html>
<head>
<#include "/backend/layouts/head.html" />
<#include "/backend/layouts/easyui_head.html" />
<#include "/backend/layouts/iframe_head.html" />
<#include "/backend/layouts/datetimepicker_head.html" />
<style>
.datagrid-cell, .datagrid-cell>span {
	font-size: 12px;
}
</style>
</head>
<body style="margin: 0; padding: 0;">
	<div class="table-title">客户数据列表</div>
	<div class="table-normal table-line" id="loading" style="">
		<table id="node-sitelist" class="easyui-datagrid" style="width: 100%; font-size: 12px;" border="0"></table>
		<div style="float: left; margin: 24px 0 0 8px;" id="totalMessage"></div>
		<div id="node-pp" style="display: none;" class="easyui-pagination"></div>
	</div>
	<div id="model-action-toolbar" style="padding: 5px; height: auto;">
		<input type="hidden" name="pagination" value="1" />
		<div style="margin-bottom: 5px">
			<span style="display: inline-block; width: 260px;">
				<span style="display: inline-block; width: 88px; text-align: right;">用户名: </span>
				<input class="easyui-textbox" id="hostUsername" type="text" name="username" />
			</span>
			<span style="display: inline-block; width: 230px;">
				<span style="display: inline-block; width: 98px; text-align: right;">站点类型: </span>
				<select class="easyui-combobox" id="hostTypeId" panelHeight="auto" style="width: 120px">
					<option value="-1">全部</option>
					<#list listHostType as item>
					<option value="${item.id}">${item.name}</option>
					</#list>
				</select>
			</span>
			<span style="display: inline-block; width: 340px;">
				<span style="display: inline-block; width: 88px; text-align: right;">分控服务器: </span>
				<select class="easyui-combobox" id="hostServerId" panelHeight="auto" style="width: 220px">
					<option value="-1">全部</option>
					<#list listServer as item>
					<option value="${item.id}">${item.serverName}</option>
					</#list>
				</select>
			</span>
		</div>
		<div style="margin-bottom: 5px">
			<span style="display: inline-block; width: 260px;">
				<span style="display: inline-block; width: 88px; text-align: right;">站点状态: </span>
				<select class="easyui-combobox" id="hostStatus" panelHeight="auto" style="width: 120px">
					<option value="-1">全部</option>
					<option value="1">开通</option>
					<option value="2">关闭</option>
					<option value="3">冻结</option>
					<option value="4">删除</option>
				</select>
			</span>
			<span style="display: none;">
				<span style="display: inline-block; width: 98px; text-align: right;">绑定域名可用: </span>
				<select class="easyui-combobox" id="hostReview" panelHeight="auto" style="width: 120px">
					<option value="-1">全部</option>
					<option value="0">不可用</option>
					<option value="1">可用</option>
				</select>
			</span>
			<span style="display: inline-block; width: 230px;">
				<span style="display: inline-block; width: 98px; text-align: right;">是否正式: </span>
				<select class="easyui-combobox" id="hostTrial" panelHeight="auto" style="width: 120px">
					<option value="-1">全部</option>
					<option value="0">试用</option>
					<option value="1">正式</option>
				</select>
			</span>
			<span style="display: inline-block; width: 340px;">
				<span style="display: inline-block; width: 88px; text-align: right;">排序: </span>
				<select class="easyui-combobox" id="hostOrderByString" panelHeight="auto" style="width: 120px">
					<option value="1">升序</option>
					<option value="2">降序</option>
				</select>
			</span>
		</div>
		<div style="margin-bottom: 5px">
			<span style="display: inline-block;">
				<span style="display: inline-block; width: 88px; text-align: right;">创建日期: </span>
				<span>从</span>
				<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" id="hostCreateAtFrom" type="text" />
				<span>到</span>
				<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" id="hostCreateAtTo" type="text"/>
			</span>
		</div>
		<div style="margin-bottom: 5px">
			<span style="display: inline-block; width: 490px;">
				<span style="display: inline-block; width: 88px; text-align: right;">到期日期: </span>
				<span>从</span>
				<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" id="hostEndAtFrom" type="text"/>
				<span>到</span>
				<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" id="hostEndAtTo" type="text" />
			</span>
			<span>&nbsp;&nbsp;</span>
			<a href="javascript:void(0);" class="easyui-linkbutton g-search" iconCls="icon-search">查询</a>
			<a href="javascript:void(0);" class="easyui-linkbutton g-reset">重置</a>
			<input type="hidden" name="pagination" value="1" />
		</div>
	</div>
	<div id="editor-status" style="display: none;">
		<div class="append-loading">
			<div class="form-horizontal" style="padding-top: 24px;">
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">用户ID</label>
					<div class="fg-input">
						<input type="text" name="userid" class="form-control" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">用户名</label>
					<div class="fg-input">
						<input type="text" name="username" class="form-control" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">站点ID</label>
					<div class="fg-input">
						<input type="text" name="hostid" class="form-control" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">站点状态</label>
					<div class="fg-input">
						<select class="form-control" name="hoststatus">
							<option value="1">开通</option>
							<option value="2">关闭</option>
							<option value="3">冻结</option>
							<option value="4">删除</option>
						</select>
						<p style="color: blue; font-weight: bolder; margin: 0;">备注</p>
						<p style="margin: 0; color: green;">开通：正常使用！</p>
						<p style="margin: 0; color: orange;">关闭：这里关闭是对前台的域名访问进行限制，关闭提示！</p>
						<p style="margin: 0; color: purple;">冻结：前台绑定的域名可访问，站点端后台登录拒绝！</p>
						<p style="margin: 0; color: red;">删除：站点的所有域名不可访问，站点端后台登录拒绝！</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="editor-end-at" style="display: none;">
		<div class="append-loading">
			<div class="form-horizontal" style="padding-top: 24px;">
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">到期时间</label>
					<div class="fg-input">
						<div class='input-group date hostEndAt' style="width: 50%;">
							<input type='text' name='hostEndAt' class="form-control" />
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</div>
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">用户ID</label>
					<div class="fg-input">
						<input type="text" name="userid" class="form-control" disabled="disabled" />
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">用户名</label>
					<div class="fg-input">
						<input type="text" name="username" class="form-control" disabled="disabled" />
					</div>
				</div>
				<div class="form-group col-sm-12">
					<label class="fg-text control-label">站点ID</label>
					<div class="fg-input">
						<input type="text" name="hostid" class="form-control" disabled="disabled" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<div style="margin-bottom: 24px;"></div>
	<script type="text/javascript">
		var listServerJson = ${listServerJson!"[]"};
		var listHostTypeJson = ${listHostTypeJson!"[]"};
	</script>
	<script type="text/javascript" src="/static/js/backend/nodemanage/sitelist.js"></script>
</body>
</html>